Skip to content

fix: 특정 기기에서 레이아웃이 꽉 차지 못하는 문제 개선#259

Closed
junjeeong wants to merge 3 commits intodevfrom
bug/Container-layout-컴포넌트가-특정-기기에서-전체를-감싸지-못하는-버그-개선

Hidden character warning

The head ref may contain hidden characters: "bug/Container-layout-\ucef4\ud3ec\ub10c\ud2b8\uac00-\ud2b9\uc815-\uae30\uae30\uc5d0\uc11c-\uc804\uccb4\ub97c-\uac10\uc2f8\uc9c0-\ubabb\ud558\ub294-\ubc84\uadf8-\uac1c\uc120"
Closed

fix: 특정 기기에서 레이아웃이 꽉 차지 못하는 문제 개선#259
junjeeong wants to merge 3 commits intodevfrom
bug/Container-layout-컴포넌트가-특정-기기에서-전체를-감싸지-못하는-버그-개선

Conversation

@junjeeong
Copy link
Collaborator

Pull requests

✅ 작업한 내용

  • Header.tsx에서 pt-14를 주던 div를 없애고 index.css에서 main에 padding-top : 56px을 주었습니다.
  • w-[360px] w-[375px]을 부여하는 코드를 모두 없애주었고 index.css에서 main은 500px 이하일 때에는 width가 100vh가 되도록 했습니다.
  • Home.tsx에서 Header와 main을 감싸는 불필요한 div를 없앴습니다. -> 컨텐츠를 감싸는 div 중첩이 너무 많았었습니다.

🔢 #258

❗️PR Point

  • 저희 컨텐츠에서 header 아래로는 모두 main 시멘틱 태그로 감싸 시멘틱 태그를 강화하는 것이 좋을 것 같다고 판단해 다음과 같이 작업했습니다! 때문에 Header가 관리하고 있었던 pt-14 div도 Header에서 관리하기보다 main이 갖도록 index.css에 코드를 추가했습니다.

📸 스크린샷

default.mov

@junjeeong junjeeong self-assigned this May 9, 2025
@Soohyuniii
Copy link
Collaborator

혹시 가로 사이즈 정책이 변경된걸까요?

@junjeeong junjeeong requested a review from Soohyuniii May 10, 2025 22:37
@junjeeong
Copy link
Collaborator Author

혹시 가로 사이즈 정책이 변경된걸까요?

맞습니다! Slack에 CC 걸어두었습니다!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants